<!DOCTYPE HTML>
<html>
<head>
<title>{%if $lan eq 'zh'%}{%$title_zh%}{%else%}{%$title_en%}{%/if%}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="{%$keyword%}" />
<meta name="description" content="{%$description%}"/>
<script type="application/x-javascript">
	addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
</script>
<link href="templates/css/button.css" rel='stylesheet' type='text/css' />
<link href="templates/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic' rel='stylesheet' type='text/css'>
<!--Custom-Theme-files-->
	<link href="templates/css/style.css" rel='stylesheet' type='text/css' />
	<script src="templates/js/jquery.min.js"> </script>
<!--/script-->
<script type="text/javascript" src="templates/js/move-top.js"></script>
<script type="text/javascript" src="templates/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
		});
	});
</script>

</head>
<body>
	{%include file="top.html"%}
	<div class="full">
		<div class="col-md-9 main" style="width: 100%;">
			<div style="float: left;">
				{%include file="left.html"%}
			</div>
			<div class="col-md-9 main" style="float: right">
			<!--banner-section-->
			<div class="banner-section">
			   <h3 class="tittle">{%if $lan eq 'zh'%}精密钢管{%else%}PRECISION TUBE{%/if%} <i class="glyphicon glyphicon-picture"></i></h3>
				<div class="banner">
					<div  class="callbacks_container">
						<ul class="rslides" id="slider4">
							{%foreach from=$banner item=lb%}
								<li>
									<a href="{%$lb.linkurl%}">
									<img src="{%$lb.picurl%}" class="img-responsive" alt="" />
									</a>
								</li>
							{%/foreach%}
						</ul>
					</div>
					<!--banner-->
					<script src="templates/js/responsiveslides.min.js"></script>
					<script>
						// You can also use "$(window).load(function() {"
						$(function () {
							// Slideshow 4
							$("#slider4").responsiveSlides({
								auto: true,
								pager:true,
								nav:true,
								speed: 500,
								namespace: "callbacks",
								before: function () {
									$('.events').append("<li>before event fired.</li>");
								},
								after: function () {
									$('.events').append("<li>after event fired.</li>");
								}
							});
						});
					</script>
				<div class="clearfix"> </div>
				</div>
				   <!--//banner-->
				<!--/top-news-->
				<div class="top-news" style="border-top:1px solid #ddd">
					<h3 class="tittle" >{%if $lan eq 'zh'%}产品展示{%else%}PRODUCT{%/if%} <i class="glyphicon glyphicon-picture"></i></h3>
					<div class="top-inner">
						{%foreach from=$products_one item=pd%}
							<div class="{%$pd.class%}">
								<a href="index.php?act=product_show&id={%$pd.id%}">
									<img src="{%$pd.picurl%}" class="img-responsive" alt="">
								</a>
								<h5 class="top">
									<a href="index.php?act=product_show&id={%$pd.id%}">{%$pd.title%}</a>
								</h5>
								<p>{%$pd.description%}</p>
								<p>{%$pd.posttime%} <a class="span_link" href="index.php?act=product_show&id={%$pd.id%}"><span class="glyphicon glyphicon-eye-open"></span>{%$pd.hits%} </a>
									<a class="span_link" href="index.php?act=product_show&id={%$pd.id%}"><span class="glyphicon glyphicon-circle-arrow-right"></span></a>
								</p>
							</div>
						{%/foreach%}
						<div class="clearfix"> </div>
					</div>
					<div class="top-inner second">
						{%foreach from=$products_two item=pd%}
						<div class="{%$pd.class%}">
							<a href="index.php?act=product_show&id={%$pd.id%}">
								<img src="{%$pd.picurl%}" class="img-responsive" alt="">
							</a>
							<h5 class="top">
								<a href="index.php?act=product_show&id={%$pd.id%}">{%$pd.title%}</a>
							</h5>
							<p>{%$pd.description%}</p>
							<p>{%$pd.posttime%} <a class="span_link" href="index.php?act=product_show&id={%$pd.id%}"><span class="glyphicon glyphicon-eye-open"></span>{%$pd.hits%} </a>
								<a class="span_link" href="index.php?act=product_show&id={%$pd.id%}"><span class="glyphicon glyphicon-circle-arrow-right"></span></a>
							</p>
						</div>
						{%/foreach%}
						<div class="clearfix"> </div>
					</div>
				</div>
						<!--//top-news-->
				 </div>
				<div class="banner-right-text">
				 <h3 class="tittle">{%if $lan eq 'zh'%}行业资讯{%else%}INFORMATION{%/if%}  <i class="glyphicon glyphicon-facetime-video"></i></h3>
				<!--/general-news-->
				 <div class="general-news">
					<div class="general-inner">
						<div class="general-text">
							<a href="index.php?act=new_show&id={%$new.id%}"><img src="{%$new.picurl%}" class="img-responsive" alt=""></a>
							<h5 class="top"><a href="single.html">{%$new.title%}</a></h5>
							<p>{%$new.description%}</p>
							<p>{%$new.posttime%} <a class="span_link" href="#"><span class="glyphicon glyphicon-eye-open"></span>{%$new.hits%} </a><a class="span_link" href="index.php?act=new_show&id={%$new.id%}"><span class="glyphicon glyphicon-circle-arrow-right"></span></a></p>
						</div>
						<div class="edit-pics">
							{%foreach from=$new_lists item=nl%}
								<div class="editor-pics">
									<div class="col-md-3 item-pic">
										<img src="{%$nl.picurl%}" class="img-responsive" alt="">
									</div>
									<div class="col-md-9 item-details">
										<h5 class="inner two"><a href="index.php?act=new_show&id={%$nl.id%}">{%$nl.title%}</a></h5>
										<div class="td-post-date two"><i class="glyphicon glyphicon-time"></i>{%$nl.posttime%} </div>
									</div>
									<div class="clearfix"></div>
								</div>
							{%/foreach%}
						</div>

						<div class="media">
							<h3 class="tittle media">{%if $lan eq 'zh'%}联系我们{%else%}CONTACT US{%/if%}</h3>
							<div class="general-text two">
								<a href="single.html">
									<img src="templates/images/gen3.jpg" class="img-responsive" alt="">
								</a>
								<ul class="bottom">
									<li><i class="glyphicon glyphicon-envelope" style="color: #F26649"></i><a href="mailto:info@example.com">mail@example.com</a></li>
									<li><i class="glyphicon glyphicon-map-marker" style="color: #F26649"></i>2901 Glassgow Road, WA 98122-1090 </li>
									<li><i class="glyphicon glyphicon-earphone" style="color: #F26649"></i>phone: (888) 123-456-7899 </li>
								</ul>
							</div>
						</div>
					 </div>
				</div>
			</div>
			<div class="clearfix"> </div>
		<!--/footer-->
			{%include file="foot.html"%}
			<div class="clearfix"> </div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$().UItoTop({ easingType: 'easeOutQuart' });
			});
		</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>